@import (reference) "../style/themes/default.less";

.am-switch {
  .checkbox {
    border-radius: @corner-radius-circle;
    border-radius: var(--am-switch-corner-radius, @corner-radius-circle);
  }
  .a-switch-checkbox.a-switch-checkbox:checked ~ .checkbox {
    background: @color-fill-primary;
    background: var(--am-switch-background, @color-fill-primary);
  }
  .checkbox:after {
    left: 4 * @pixelSize;
    top: 4 * @pixelSize;
    width: 54 * @pixelSize;
    height: 54 * @pixelSize;
    border-radius: @corner-radius-circle;
    border-radius: var(--am-switch-float-corner-radius, @corner-radius-circle);
  }
  .checkbox:before {
    left: 4 * @pixelSize;
    top: 4 * @pixelSize;
    width: 94 * @pixelSize;
    height: 54 * @pixelSize;
    border-radius: @corner-radius-circle;
    border-radius: var(--am-switch-corner-radius, @corner-radius-circle);
  }
}
